<script>

    function adjustMenu() {
        const $navbar = $('#myNavbar');
        const containerWidth = $navbar.width();
        let currentWidth = 0;
        let visibleItems = [];
        const menuToggleWidth = $('.menu-toggle').outerWidth(true);

        // 先让所有的链接都显示出来
        $navbar.children('a:not(.menu-toggle)').show();

        // 移除之前生成的下拉菜单内容
        $('.dropdown-content').empty().hide(); // 确保下拉菜单默认是隐藏的

        // 遍历每个导航链接（不包括菜单切换按钮）
        $navbar.children('a:not(.menu-toggle)').each(function (index) {
            const itemWidth = $(this).outerWidth(true);

            if (currentWidth + itemWidth + menuToggleWidth > containerWidth) {
                // 如果加上这个链接后超过了容器宽度，则将其隐藏并加入到下拉菜单中
                $(this).hide();
                visibleItems.push($(this));
            } else {
                // 否则保持显示，并增加当前宽度计数
                currentWidth += itemWidth;
            }
        });

        // 如果有隐藏的链接，则生成下拉菜单内容
        if (visibleItems.length > 0) {
            let dropdownContentHTML = '';
            visibleItems.each(function () {
                dropdownContentHTML += `<a href="${$(this).attr('href')}">${$(this).text()}</a>`;
            });
            // 填充新的下拉菜单内容
            $('.dropdown-content').html(dropdownContentHTML);
            // 显示菜单切换按钮
            $navbar.find('.menu-toggle').show();
        } else {
            // 如果没有隐藏的链接，则隐藏菜单切换按钮和下拉菜单
            $navbar.find('.menu-toggle').hide();
        }

        // 设置下拉菜单的宽度为最长链接的宽度（这部分代码可以保留不变）
        // ...
    }
</script>